<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets">

<h:head>
	<title>Usuarios Internos</title>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<link REL="SHORTCUT ICON"
		href="#{facesContext.externalContext.request.scheme}://#{facesContext.externalContext.request.serverName}:#{facesContext.externalContext.request.serverPort}#{facesContext.externalContext.request.contextPath}/images/logoTcBuen.ico" />
</h:head>

<h:body>
	<ui:composition template="/MenuTemplate.xhtml">
		<ui:define name="content">
			<p:layout>

				<p:layoutUnit position="center">
					<f:view>
						<p:ajaxStatus onstart="statusDialog.show();"
							onsuccess="statusDialog.hide();" />
						<p:dialog modal="true" widgetVar="statusDialog" header="Cargando"
							draggable="false" closable="false">
							<p:graphicImage
								value="#{facesContext.externalContext.request.scheme}://#{facesContext.externalContext.request.serverName}:#{facesContext.externalContext.request.serverPort}#{facesContext.externalContext.request.contextPath}/images/ajaxloadingbar.gif" />
						</p:dialog>

						<div id="logo" align="center">
							<h:form id="form">
								<p:growl id="men" sticky="true" />
								<p:panel id="td" header="Usuarios Internos">


									<p:dataTable var="car" value="#{usuariosInternosView.data}"
										id="listaTDo" editable="true" scrollable="true"
										scrollHeight="300"
										filteredValue="#{usuariosInternosView.data}">

										<p:ajax event="rowEdit"
											listener="#{usuariosInternosView.onEdit}" />
										<p:ajax event="rowEditCancel"
											listener="#{usuariosInternosView.onCancel}" />

										<p:column headerText="Editar" style="width: auto">
											<p:rowEditor />
										</p:column>

										<p:column headerText="Número Identificación"
											style="width: auto" filterBy="numeroIdentificacion">
											<p:cellEditor>
												<f:facet name="output">
													<h:outputLabel value="#{car.numeroIdentificacion}" />
												</f:facet>
												<f:facet name="input">
													<p:inputTextarea value="#{car.numeroIdentificacion}" />
												</f:facet>
											</p:cellEditor>
										</p:column>

										<p:column headerText="Nombre" style="width: auto"
											filterBy="nombres">
											<p:cellEditor>
												<f:facet name="output">
													<h:outputLabel value="#{car.nombres}" />
												</f:facet>
												<f:facet name="input">
													<p:inputTextarea value="#{car.nombres}" />
												</f:facet>
											</p:cellEditor>
										</p:column>

										<p:column headerText="Apellidos" style="width: auto"
											filterBy="apellidos">
											<p:cellEditor>
												<f:facet name="output">
													<h:outputLabel value="#{car.apellidos}" />
												</f:facet>
												<f:facet name="input">
													<p:inputTextarea value="#{car.apellidos}" />
												</f:facet>
											</p:cellEditor>
										</p:column>

										<p:column headerText="Email" style="width: auto"
											filterBy="correoElectronico">
											<p:cellEditor>
												<f:facet name="output">
													<h:outputLabel value="#{car.correoElectronico}" />
												</f:facet>
												<f:facet name="input">
													<p:inputTextarea value="#{car.correoElectronico}" />
												</f:facet>
											</p:cellEditor>
										</p:column>

										<p:column headerText="Login" style="width: auto">
											<p:cellEditor>
												<f:facet name="output">
													<h:outputLabel value="#{car.login}" />
												</f:facet>
												<f:facet name="input">
													<p:inputTextarea value="#{car.login}" />
												</f:facet>
											</p:cellEditor>
										</p:column>


										<p:column headerText="Rol" filterBy="nombreRol"
											sortBy="idRol_Roles" style="width: 100px">
											<p:cellEditor>
												<f:facet name="output">
													<h:outputText value="#{car.nombreRol}" />
												</f:facet>
												<f:facet name="input">
													<p:selectOneMenu
														value="#{usuariosInternosView.idRol_Roles}"
														style="width: 100px">
														<f:selectItems value="#{usuariosInternosView.id_rol}" />
													</p:selectOneMenu>
												</f:facet>
											</p:cellEditor>
										</p:column>

										<p:column headerText="Areas Involucradas"
											filterBy="nombreArea"
											sortBy="idAreaInvolucrada_AreasInvolucradas"
											style="width: 100px">
											<p:cellEditor>
												<f:facet name="output">
													<h:outputText value="#{car.nombreArea}" />
												</f:facet>
												<f:facet name="input">
													<p:selectOneMenu
														value="#{usuariosInternosView.idAreaInvolucrada_AreasInvolucradas}"
														style="width: 100px">
														<f:selectItems value="#{usuariosInternosView.id_area}" />
													</p:selectOneMenu>
												</f:facet>
											</p:cellEditor>
										</p:column>

										<p:column headerText="Estado del Registro"
											style="width: 100px" filterBy="estadoRegistro"
											filterOptions="#{usuariosInternosView.manufacturerOptions}"
											filterMatchMode="exact">
											<p:cellEditor>
												<f:facet name="output">
													<h:outputText value="#{car.estadoRegistro}" />
												</f:facet>
												<f:facet name="input">
													<h:selectOneMenu
														value="#{usuariosInternosView.estadoRegistro}">
														<f:selectItem itemLabel="Activo" itemValue="A" />
														<f:selectItem itemLabel="Retirado" itemValue="R" />
													</h:selectOneMenu>
												</f:facet>
											</p:cellEditor>
										</p:column>

										<!--   <p:column headerText="Área" style="width: auto"
									 filterBy="txtIdAreaInvolucrada_AreasInvolucradas"
									filterOptions="#{usuariosInternosView.manufacturerArea}"
									filterMatchMode="exact">
									<p:cellEditor>
										<f:facet name="output">
											<h:outputText value="#{car.areasInvolucradas}" />
										</f:facet>
										<f:facet name="input">
											<h:selectOneMenu value="#{usuariosInternosView.idAre_AreaInvolucradas}">
											   <f:selectItems value="#{usuariosInternosView.id_area}" />
											</h:selectOneMenu>
										</f:facet>
									</p:cellEditor> 
								</p:column>  -->

										<f:facet name="footer">
											<p:commandButton id="viewButton" value="Crear"
												icon="ui-icon-newwin" oncomplete="PF('carDialog').show()" />

										</f:facet>
									</p:dataTable>

									<!--		Ventana emergente          -->

									<p:dialog id="dialog" header="Crear Usuario Interno"
										widgetVar="carDialog" resizable="false" width="800"
										showEffect="clip" hideEffect="fold">

										<h:panelGrid columns="2" id="panel">

											<h:outputText id="msgIdAreaInvolucrada_AreasInvolucradas"
												value="* Área:" />
											<p:selectOneMenu id="cmbAreas"
												value="#{usuariosInternosView.idAre_AreaInvolucradas}"
												binding="#{usuariosInternosView.txtIdAreaInvolucrada_AreasInvolucradas}"
												style="height:25px;width:175px" required="true"
												requiredMessage="El Área es requerida">
												<f:selectItem itemLabel="Seleccione" itemValue="" />
												<f:selectItems value="#{usuariosInternosView.id_area}" />
											</p:selectOneMenu>

											<h:outputText id="msgIdRol_Roles" value="* Rol:" />
											<p:selectOneMenu id="cmbRoles"
												value="#{usuariosInternosView.idro_rol}"
												binding="#{usuariosInternosView.txtIdRol_Roles}"
												required="true" style="height:25px;width:175px"
												requiredMessage="El Rol es requerido ">
												<f:selectItem itemLabel="Seleccione" itemValue="" />
												<f:selectItems value="#{usuariosInternosView.id_rol}" />
											</p:selectOneMenu>

											<h:outputText id="msgEstadoRegistro" value="* Estado:" />
											<p:selectOneMenu id="estado"
												binding="#{usuariosInternosView.estado}"
												value="#{usuariosInternosView.estadoRegistro}"
												required="true" style="height:25px;width:175px"
												requiredMessage="El Estado es requerido">
												<f:selectItem itemLabel="Seleccione" itemValue="" />
												<f:selectItem itemLabel="ACTIVO" itemValue="A" />
												<f:selectItem itemLabel="RETIRADO" itemValue="R" />
											</p:selectOneMenu>

											<h:outputText id="msgNumeroIdentificacion"
												value="* Numero de identificación:" />
											<p:inputText id="txtNumeroIdentificacion"
												binding="#{usuariosInternosView.txtNumeroIdentificacion}"
												required="true"
												requiredMessage="El Numero de identificacion es requerido"
												maxlength="50">
											</p:inputText>

											<h:outputText id="msgNombres" value="* Nombres:" />
											<p:inputText id="txtNombres"
												binding="#{usuariosInternosView.txtNombres}" required="true"
												requiredMessage="El Nombre es requerido" maxlength="50" />

											<h:outputText id="msgApellidos" value="* Apellidos:" />
											<p:inputText id="txtApellidos"
												binding="#{usuariosInternosView.txtApellidos}"
												required="true" requiredMessage="El apellido es requerido"
												maxlength="50" />

											<h:outputText id="msgCorreoElectronico" value="* Email:" />
											<p:inputText id="txtCorreoElectronico"
												binding="#{usuariosInternosView.txtCorreoElectronico}"
												required="true" requiredMessage="El Email es requerido"
												maxlength="100" />

											<h:outputText id="msgLogin" value="* Login:" />
											<p:inputText id="txtLogin"
												binding="#{usuariosInternosView.txtLogin}" required="true"
												requiredMessage="El login es requerido" maxlength="50" />

											<h:outputText id="msgContrasena" value="* Contraseña:" />
											<p:inputText type="password" id="txtContrasena"
												binding="#{usuariosInternosView.txtContrasena}"
												required="true" requiredMessage="La contraseña es requerida"
												maxlength="50" />
										</h:panelGrid>

										<p:separator id="separator" />

										<h:panelGrid id="panelBotones" columns="1">

											<p:commandButton id="btnSave" value="Guardar"
												action="#{usuariosInternosView.action_create}"
												binding="#{usuariosInternosView.btnSave}"
												icon="ui-icon-disk" update="listaTDo,men,panel,panelBotones" />
										</h:panelGrid>
									</p:dialog>
								</p:panel>
							</h:form>
						</div>
					</f:view>
				</p:layoutUnit>
			</p:layout>
		</ui:define>
	</ui:composition>
</h:body>
</html>